.ProjectScript { font-family:Courier; }

/* the section below is to detail the standard html markup h1, h2, etc.. */
h2 { margin-top: 0; margin-bottom: 0.2em; font-size: 11px; font-weight: bold; clear: left; 
	color: Black; vertical-align: bottom; padding-left: .3em; padding-right: .3em; }
h3 { margin-top: 0; margin-bottom: 0.2em; font-size: 10px; font-weight: normal; clear: left; 
	color: Black; vertical-align: bottom; padding-left: .3em; padding-right: .3em; }

@media screen {
	body { font-size: small;  padding: 0; border-style: none; margin: 0; font-family: Calibri, Verdana, Arial, Sans-Serif }
}

@media print {
	body { background-color: transparent; font-family: Calibri, Verdana, Arial, Sans-Serif}
}

.PageCaption { text-align: center; font-family: Calibri, Verdana, Arial; font-weight: bold; 
	color: black/*#4BACC6*/; vertical-align: top; font-size:large }
.PageSubCaption {	font-family: Calibri, Verdana, Arial; color: black/*#4BACC6*/; vertical-align: top; 
	font-size:large}
.DataTable { background-color: #999999; width: 100%; height: auto; }
.RowLabelCaption { background-color: #DDDDDD; background-image: url('../Images/column_caption.png'); 
	background-position: top; background-repeat: repeat-x; font-weight: bold; 
	color: Black; text-align: center; margin-bottom: 1px; text-decoration: none; }
.TextColumnCaption { background-color: #DDDDDD; background-image: url('../Images/column_caption.png'); 
	background-position: top; background-repeat: repeat-x; font-weight: bold; 
	color: Black; text-align: center; margin-bottom: 1px; text-decoration: none; }
.ColCaption { background-color: #DDDDDD; background-image: url('../Images/column_caption.png'); 
	background-position: top; background-repeat: repeat-x; font-weight: bold; 
	color: Black; text-align: center; text-decoration: none; margin-bottom: 1px; }
.Selected { background-color: #EE9819 !important; background-image: url('../Images/selected.png') !important; 
	background-position: top; background-repeat: repeat-x; font-weight: bold !important; 
	color: Black; text-align: center; text-decoration: none; margin-bottom: 1px; }
.RowLabel {  background-color: white; color: black; text-align: center; 
	vertical-align: top; text-decoration: none; margin-bottom: 1px;}
.TextColumn {  background-color: white; color: black; text-align: center; 
	vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.NormalDataCell { background-color: white; color: black; text-align: center; 
	vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.left { text-align: left;  }

#RenamePageCaption { background-color: transparent; background-image: none; padding-left: 1px; text-align: center; color: black; font-size: 16px; font-weight: bolder; padding: 3px; text-decoration: none; border: none; }
.ToolBar { background-color: #F1F1F1; background-image: url('../Images/toolbar.png'); background-position: top; background-repeat: repeat-x; padding: .08em; padding-left: .6em; border-style: groove; border-width: thin; vertical-align: middle; }

/* The definition below is important for use with alerts showing an icon; arrow, stop-sign, etc. Since hyperlinks can be added to the cell values through formating, the anchor tag will automatically default to blue underline for the text. This may not be what you want so when specifying the class for the anchor, the class of the parent <td> and the myanchor class are both specified. This allows the anchor to inherit the parent td properties. The a:hover is added so that the hyperlink properties appear when hovering over the text */
.SelectedBtn { color: Black; font-style: italic; font-weight: bold; }
.UnSelectedBtn { color: black; }

/* These are the default alerts. They use a gradient image to fill the cell. If you are creating your own    alert style definitions, there are a few things to note here. One, the gradient image is larger than the cell typically needs. these images are 100 * 160. This is to ensure that as the cell enlarges due to detail text being displayed, the text is still readable. Two, the background color is set to the gradient color so that is when we run out of image the background color is there to provide a seamless image to the user. Three, note the use of background-position:top and background-repeat:repeat-x. Finally, different browsers will handle images with varying degrees of success. Should the user scroll up and down a few times, the image alignment will sometimes be offset. This can be prevented by limiting the number of rows displayed and then having the user navigate using the navigation controls. If this proves to be a problem, simply use solid colors for the alerts. */
.Alert0 { background-color: #990000; background-image: url('../images/grad_alert0.png'); color: black; font-size: small; text-align: right; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.Alert1 { background-color: #FFCC00; background-image: url('../images/grad_alert1.png'); color: black; font-size: small; text-align: right; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.Alert2 { background-color: #0066CC; background-image: url('../images/grad_alert2.png'); color: black; font-size: small; text-align: right; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.Alert3 { background-color: #006600; background-image: url('../images/grad_alert3.png'); color: black; font-size: small; text-align: right; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }

/* this group uses the background-colors for the default alert group. */
.solidAlert0 { background-color: #990000; color: white; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.solidAlert1 { background-color: #FFCC00; color: black; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.solidAlert2 { background-color: #000099; color: white; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.solidAlert3 { background-color: #006600; color: white; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.solidNormalDataCell { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; }

/* this alert group uses red, orange, blue, green */
.brightAlert0 { background-color: #FF7272; color: black; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.brightAlert1 { background-color: #FFAA78; color: black; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.brightAlert2 { background-color: #7F95CA; color: black; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.brightAlert3 { background-color: #80C27E; color: black; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.brightNormalDataCell { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; }

/* this alert group goes from dark blue to light blue. Using a single color can be useful for black and white print. */
.blueAlert0 { background-color: #003399; color: #FFFFFF; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.blueAlert1 { background-color: #4066B3; color: #FFFFFF; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.blueAlert2 { background-color: #7F99CC; color: black; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.blueAlert3 { background-color: #BFCCE5; color: black; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.blueNormalDataCell { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; }

/* this alert group uses shades of grey plus white for a normal data cell. Useful for black and white printing */
.printAlert0 { background-color: #999999; color: black; font-size: small; text-align: right; font-weight: bold; padding-left: .4em; text-decoration: none; }
.printAlert1 { background-color: #AAAAAA; color: black; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.printAlert2 { background-color: #C1C1C1; color: black; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.printAlert3 { background-color: #DDDDDD; color: black; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.printNormalDataCell { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; }

/* this alert group uses icons; red octagon, gold triangle, blue triangle, green circle. The symbols are offset to the left with padding so that the numbers display to the right */
.signAlert0 { background-color: #FFFFFF; background-image: url('../images/sign_alert0.png'); background-repeat: no-repeat; padding-left: 26px; color: black; font-size: small; text-align: right; height: 24px !important; text-decoration: none; }
.signAlert1 { background-color: #FFFFFF; background-image: url('../images/sign_alert1.png'); background-repeat: no-repeat; padding-left: 26px; color: black; font-size: small; text-align: right; height: 24px !important; text-decoration: none; }
.signAlert2 { background-color: #FFFFFF; background-image: url('../images/sign_alert2.png'); background-repeat: no-repeat; padding-left: 26px; color: black; font-size: small; text-align: right; height: 24px !important; text-decoration: none; }
.signAlert3 { background-color: #FFFFFF; background-image: url('../images/sign_alert3.png'); background-repeat: no-repeat; padding-left: 26px; color: black; font-size: small; text-align: right; height: 24px !important; text-decoration: none; }
.signNormalDataCell { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; }

/* this alert group uses arrow icons colored red, gold, blue and green. The symbols are offset to the left with padding so that the numbers display to the right */
.arrowAlert0 { background-color: #FFFFFF; background-image: url('../images/arrow-red.png'); background-repeat: no-repeat; padding-left: 26px; color: black; font-size: small; text-align: right; height: 24px !important; text-decoration: none; }
.arrowAlert1 { background-color: #FFFFFF; background-image: url('../images/arrow-gold.png'); background-repeat: no-repeat; padding-left: 26px; color: black; font-size: small; text-align: right; height: 24px !important; text-decoration: none; }
.arrowAlert2 { background-color: #FFFFFF; background-image: url('../images/arrow-blue.png'); background-repeat: no-repeat; padding-left: 26px; color: black; font-size: small; text-align: right; height: 24px !important; text-decoration: none; }
.arrowAlert3 { background-color: #FFFFFF; background-image: url('../images/arrow-green.png'); background-repeat: no-repeat; padding-left: 26px; color: black; font-size: small; text-align: right; height: 24px !important; text-decoration: none; }
.arrowNormalDataCell { background-color: #FFFFFF; color: black; text-align: right; font-size: small; vertical-align: top; height: 24px !important; text-decoration: none; }

/* this alert group uses arrow icons colored red, gold, blue and green. The symbols are offset to the left with padding so that the numbers display to the right */
.reversearrowAlert3 { background-color: #FFFFFF; background-image: url('../images/arrow-red.png'); background-repeat: no-repeat; padding-left: 26px; color: black; font-size: small; text-align: right; height: 24px !important; text-decoration: none; }
.reversearrowAlert2 { background-color: #FFFFFF; background-image: url('../images/arrow-gold.png'); background-repeat: no-repeat; padding-left: 26px; color: black; font-size: small; text-align: right; height: 24px !important; text-decoration: none; }
.reversearrowAlert1 { background-color: #FFFFFF; background-image: url('../images/arrow-blue.png'); background-repeat: no-repeat; padding-left: 26px; color: black; font-size: small; text-align: right; height: 24px !important; text-decoration: none; }
.reversearrowAlert0 { background-color: #FFFFFF; background-image: url('../images/arrow-green.png'); background-repeat: no-repeat; padding-left: 26px; color: black; font-size: small; text-align: right; height: 24px !important; text-decoration: none; }
.reversearrowNormalDataCell { background-color: #FFFFFF; color: black; text-align: right; font-size: small; vertical-align: top; height: 24px !important; text-decoration: none; }


/* this alert group uses the same arrows as above just filled with grey so that they can used when printing. The symbols are offset to the left with padding so that the numbers display to the right */
.arrowbwAlert0 { background-color: #FFFFFF; background-image: url('../images/arrowbw-alert0.png'); background-repeat: no-repeat; padding-left: 26px; color: black; font-size: small; text-align: right; height: 24px !important; text-decoration: none; }
.arrowbwAlert1 { background-color: #FFFFFF; background-image: url('../images/arrowbw-alert1.png'); background-repeat: no-repeat; padding-left: 26px; color: black; font-size: small; text-align: right; height: 24px !important; text-decoration: none; }
.arrowbwAlert2 { background-color: #FFFFFF; background-image: url('../images/arrowbw-alert2.png'); background-repeat: no-repeat; padding-left: 26px; color: black; font-size: small; text-align: right; height: 24px !important; text-decoration: none; }
.arrowbwAlert3 { background-color: #FFFFFF; background-image: url('../images/arrowbw-alert3.png'); background-repeat: no-repeat; padding-left: 26px; color: black; font-size: small; text-align: right; height: 24px !important; text-decoration: none; }
.arrowbwNormalDataCell { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; height: 24px !important; text-decoration: none; text-decoration: none; }

/* this completes the different sets of style definitions for alerts */

/* The following style definitions are the default definition which should be used in situations where the rankings are in deciles. These definitions provide two colors; red for deciles 1 to 5 and green for deciles 6 to 10. Since decile 5 and 6 are in the middle they are the lightest in color. The colors get darker as the number get closer to top or bottom with decile 1 being dark red and decile 10 being dark green. */
.ColorByCellValue0 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; text-decoration: none; }
.ColorByCellValue1 { background-color: #A01A1A; background-image: url('../images/decile1.png'); color: #FFFFFF; font-size: small; text-align: right; font-weight: bolder; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.ColorByCellValue2 { background-color: #B34848; background-image: url('../images/decile2.png'); color: black; font-size: small; text-align: right; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.ColorByCellValue3 { background-color: #C67676; background-image: url('../images/decile3.png'); color: black; font-size: small; text-align: right; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.ColorByCellValue4 { background-color: #D9A3A3; background-image: url('../images/decile4.png'); color: black; font-size: small; text-align: right; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.ColorByCellValue5 { background-color: #ECD1D1; background-image: url('../images/decile5.png'); color: black; font-size: small; text-align: right; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.ColorByCellValue6 { background-color: #D1E3D1; background-image: url('../images/decile6.png'); color: black; font-size: small; text-align: right; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.ColorByCellValue7 { background-color: #A3C7A3; background-image: url('../images/decile7.png'); color: black; font-size: small; text-align: right; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.ColorByCellValue8 { background-color: #75AB75; background-image: url('../images/decile8.png'); color: black; font-size: small; text-align: right; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.ColorByCellValue9 { background-color: #478F47; background-image: url('../images/decile9.png'); color: black; font-size: small; text-align: right; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.ColorByCellValue10 { background-color: #197319; background-image: url('../images/decile10.png'); color: #FFFFFF; font-size: small; text-align: right; font-weight: bold; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }

.reverseColorByCellValue0 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; text-decoration: none; }
.reverseColorByCellValue10 { background-color: #A01A1A; background-image: url('../images/decile1.png'); color: #FFFFFF; font-size: small; text-align: right; font-weight: bolder; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.reverseColorByCellValue9 { background-color: #B34848; background-image: url('../images/decile2.png'); color: black; font-size: small; text-align: right; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.reverseColorByCellValue8 { background-color: #C67676; background-image: url('../images/decile3.png'); color: black; font-size: small; text-align: right; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.reverseColorByCellValue7 { background-color: #D9A3A3; background-image: url('../images/decile4.png'); color: black; font-size: small; text-align: right; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.reverseColorByCellValue6 { background-color: #ECD1D1; background-image: url('../images/decile5.png'); color: black; font-size: small; text-align: right; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.reverseColorByCellValue5 { background-color: #D1E3D1; background-image: url('../images/decile6.png'); color: black; font-size: small; text-align: right; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.reverseColorByCellValue4 { background-color: #A3C7A3; background-image: url('../images/decile7.png'); color: black; font-size: small; text-align: right; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.reverseColorByCellValue3 { background-color: #75AB75; background-image: url('../images/decile8.png'); color: black; font-size: small; text-align: right; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.reverseColorByCellValue2 { background-color: #478F47; background-image: url('../images/decile9.png'); color: black; font-size: small; text-align: right; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }
.reverseColorByCellValue1 { background-color: #197319; background-image: url('../images/decile10.png'); color: #FFFFFF; font-size: small; text-align: right; font-weight: bold; background-position: top; background-repeat: repeat-x; text-decoration: none; padding-left: .4em; }


/* The following style definitions are the definitions which can be used for quintiles. */
.quintileColorByCellValue0 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; text-decoration: none; }
.quintileColorByCellValue1 { background-color: #B34848; background-image: url('../images/quintile1.png'); background-repeat: repeat-x; background-position: top; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.quintileColorByCellValue2 { background-color: #D9A3A3; background-image: url('../images/quintile2.png'); background-repeat: repeat-x; background-position: top; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.quintileColorByCellValue3 { background-color: #FDEBA2; background-image: url('../images/quintile3.png'); background-repeat: repeat-x; background-position: top; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.quintileColorByCellValue4 { background-color: #A3C7A3; background-image: url('../images/quintile4.png'); background-repeat: repeat-x; background-position: top; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.quintileColorByCellValue5 { background-color: #478F47; background-image: url('../images/quintile5.png'); background-repeat: repeat-x; background-position: top; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.quintileColorByCellValue6 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.quintileColorByCellValue7 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.quintileColorByCellValue8 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.quintileColorByCellValue9 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.quintileColorByCellValue10 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }

/* The following style definitions can be used for quartiles */
.quartileColorByCellValue0 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; text-decoration: none; }
.quartileColorByCellValue1 { background-color: #B34848; background-image: url('../images/quartile1.png'); background-repeat: repeat-x; background-position: top; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.quartileColorByCellValue2 { background-color: #D9A3A3; background-image: url('../images/quartile2.png'); background-repeat: repeat-x; background-position: top; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.quartileColorByCellValue3 { background-color: #A3C7A3; background-image: url('../images/quartile3.png'); background-repeat: repeat-x; background-position: top; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.quartileColorByCellValue4 { background-color: #478F47; background-image: url('../images/quartile4.png'); background-repeat: repeat-x; background-position: top; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.quartileColorByCellValue5 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.quartileColorByCellValue6 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.quartileColorByCellValue7 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.quartileColorByCellValue8 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.quartileColorByCellValue9 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.quartileColorByCellValue10 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }

/* The following definitions can be used for 80/20 where there are three groups or a custom grouping having three groups. */
.threeColorByCellValue0 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; text-decoration: none; }
.threeColorByCellValue1 { background-color: #D9A3A3; background-image: url('../images/three1.png'); background-repeat: repeat-x; background-position: top; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.threeColorByCellValue2 { background-color: #FDEBA2; background-image: url('../images/three2.png'); background-repeat: repeat-x; background-position: top; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.threeColorByCellValue3 { background-color: #A3C7A3; background-image: url('../images/three3.png'); background-repeat: repeat-x; background-position: top; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.threeColorByCellValue4 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.threeColorByCellValue5 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.threeColorByCellValue6 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.threeColorByCellValue7 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.threeColorByCellValue8 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.threeColorByCellValue9 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.threeColorByCellValue10 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }

/* The following definitions can be used for above and below average or median or a custom grouping having two groups. */
.twoColorByCellValue0 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; text-decoration: none; }
.twoColorByCellValue1 { background-color: #D9A3A3; background-image: url('../images/two1.png'); background-repeat: repeat-x; background-position: top; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.twoColorByCellValue2 { background-color: #A3C7A3; background-image: url('../images/two2.png'); background-repeat: repeat-x; background-position: top; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.twoColorByCellValue3 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.twoColorByCellValue4 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.twoColorByCellValue5 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.twoColorByCellValue6 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.twoColorByCellValue7 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.twoColorByCellValue8 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.twoColorByCellValue9 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.twoColorByCellValue10 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }

/* this cell value variation will color all values the same just with differing amounts. The colours bleed out going left to right with ten showing the most colour */
.sizeColorByCellValue0 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; text-decoration: none; }
.sizeColorByCellValue1 { background-color: white; background-image: url('../images/size-one.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizeColorByCellValue2 { background-color: white; background-image: url('../images/size-two.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizeColorByCellValue3 { background-color: white; background-image: url('../images/size-three.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizeColorByCellValue4 { background-color: white; background-image: url('../images/size-four.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizeColorByCellValue5 { background-color: white; background-image: url('../images/size-five.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizeColorByCellValue6 { background-color: white; background-image: url('../images/size-six.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizeColorByCellValue7 { background-color: white; background-image: url('../images/size-seven.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizeColorByCellValue8 { background-color: white; background-image: url('../images/size-eight.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizeColorByCellValue9 { background-color: white; background-image: url('../images/size-nine.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizeColorByCellValue10 { background-color: white; background-image: url('../images/size-ten.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }


.sizequintileColorByCellValue0 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; text-decoration: none; }
.sizequintileColorByCellValue1 { background-color: white; background-image: url('../images/size-one.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizequintileColorByCellValue2 { background-color: white; background-image: url('../images/size-three.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizequintileColorByCellValue3 { background-color: white; background-image: url('../images/size-five.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizequintileColorByCellValue4 { background-color: white; background-image: url('../images/size-seven.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizequintileColorByCellValue5 { background-color: white; background-image: url('../images/size-nine.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizequintileColorByCellValue6 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizequintileColorByCellValue7 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizequintileColorByCellValue8 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizequintileColorByCellValue9 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizequintileColorByCellValue10 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }

.sizequartileColorByCellValue0 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; text-decoration: none; }
.sizequartileColorByCellValue1 { background-color: white; background-image: url('../images/size-one.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizequartileColorByCellValue2 { background-color: white; background-image: url('../images/size-four.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizequartileColorByCellValue3 { background-color: white; background-image: url('../images/size-seven.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizequartileColorByCellValue4 { background-color: white; background-image: url('../images/size-ten.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizequartileColorByCellValue5 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizequartileColorByCellValue6 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizequartileColorByCellValue7 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizequartileColorByCellValue8 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizequartileColorByCellValue9 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizequartileColorByCellValue10 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }

.sizethreeColorByCellValue0 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; text-decoration: none; }
.sizethreeColorByCellValue1 { background-color: white; background-image: url('../images/size-one.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizethreeColorByCellValue2 { background-color: white; background-image: url('../images/size-five.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizethreeColorByCellValue3 { background-color: white; background-image: url('../images/size-nine.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizethreeColorByCellValue4 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizethreeColorByCellValue5 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizethreeColorByCellValue6 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizethreeColorByCellValue7 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizethreeColorByCellValue8 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizethreeColorByCellValue9 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizethreeColorByCellValue10 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }

.sizetwoColorByCellValue0 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; text-decoration: none; }
.sizetwoColorByCellValue1 { background-color: white; background-image: url('../images/size-one.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizetwoColorByCellValue2 { background-color: white; background-image: url('../images/size-ten.png'); background-repeat: repeat-y; color: black; font-size: small; text-align: right; text-decoration: none; vertical-align: top; padding-left: .4em; }
.sizetwoColorByCellValue3 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizetwoColorByCellValue4 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizetwoColorByCellValue5 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizetwoColorByCellValue6 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizetwoColorByCellValue7 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizetwoColorByCellValue8 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizetwoColorByCellValue9 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.sizetwoColorByCellValue10 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; margin-bottom: 1px; }

/* the style definitions below maps a commonly used tempature scheme. Normally having colors go from deep orange through yellow and green to blue may not be obvious to the user. They are used to green being good, red being bad, etc. However where this temp scheme can work is in the display of decile ranges within the quad chart. This is because the tempature effect is visually seen as the user scans the quad. This may also apply when grouping into deciles accross the row in a table. However this entry into the myStyle.css is mostly to provide for a good experience when moving from charts to tables. */
.tempColorByCellValue0 { background-color: white; color: black; text-align: right; font-size: small; vertical-align: top; text-decoration: none; text-decoration: none; }
.tempColorByCellValue1 { background-color: #FF5511; color: #FFFFFF; font-size: small; text-align: right; font-weight: bolder; text-decoration: none; padding-left: .4em; }
.tempColorByCellValue2 { background-color: #FF8833; color: black; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.tempColorByCellValue3 { background-color: #FFBB55; color: black; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.tempColorByCellValue4 { background-color: #FFCC66; color: black; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.tempColorByCellValue5 { background-color: #FFEE77; color: black; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.tempColorByCellValue6 { background-color: #CCDD88; color: black; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.tempColorByCellValue7 { background-color: #AABB88; color: black; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.tempColorByCellValue8 { background-color: #779999; color: black; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.tempColorByCellValue9 { background-color: #557799; color: black; font-size: small; text-align: right; text-decoration: none; padding-left: .4em; }
.tempColorByCellValue10 { background-color: #3355AA; color: #FFFFFF; font-size: small; text-align: right; font-weight: bold; text-decoration: none; padding-left: .4em; }

.CellNone { }

.CommandLeft { vertical-align: middle; background-color: silver; color: black; font-size: small; font-weight: normal; text-align: center; }
.CommandMiddle { vertical-align: top; background-color: #f1f1f1; color: black; font-size: 9px; text-align: left; }
.CommandRight { vertical-align: top; background-color: #f1f1f1; color: green; font-size: 9px; text-align: left; }
.table_row { padding: 3px; border: thick; border-color: black; }
.drop_down { font-size: small; color: #003399; }
.text_box { font-size: small; color: #003399; }
.L2 { text-align: left; border-style: outset; background-color: #F1F1F1; color: ButtonText; border-spacing: 0; margin: .3em 0 .3em 0; padding: 0 0 0 0; width: 100%; }
.L1 { background-color: #999999; text-align: left; }
.L0 { background-color: #CCCCCC; text-align: left; margin: 0; }
.WizardClass { text-align: left; }
.queryText { text-align: left; }

@media screen {
	.banner { text-align: left; border-style: none; background-color: #CCCCCC; color: ButtonText; border-spacing: 0; margin: 0 0 0 0; padding: 0 0 0 0; }
}

@media print {
	.banner { display: none; }
}

/* these are span elements the wizards */
@media screen {
	#SAB1:hover { color: White; }
	.btnInactive { background-color: silver; color: white; text-align: center; border-style: none; font-size: small; }
	.btnActive { background-color: #3355AA; color: #FFFFFF; text-align: center; font-weight: bolder; border-style: none; font-size: 14px; }
}

@media print {
	.btnInactive { display: none; }
	.btnActive { display: none; }
}

/* the style definitions below are used to format the toolbar and the icon sets making up the toolbar. Note that the toolbar is a panle with the groups set up as spans within that panel */
@media screen {
	.ToolBar { background-color: #F1F1F1; background-image: url('../Images/toolbar.png'); background-position: top; background-repeat: repeat-x; padding-top: 4px; padding-bottom: 1px; padding-left: .8em; border-style: solid; border-width: 1px; border-bottom-width: 1px; border-color: #999999; width: 100%; }
}

@media print {
	.ToolBar { display: none; }
	.PageCaption { background-color: #F1F1F1; background-position: top; background-repeat: repeat-x; text-align: center; color: black; font-size: 16px; font-weight: bolder; border-style: groove; border-width: thin; padding: 3px; padding-top: 6px; padding-bottom: 6px; text-decoration: none; width: 100% !important; }
	#RenamePageCaption { display: none; }
}

#NavigationGroup { padding-left: .5em; padding-right: .5em; margin-right: .5em; display: inline; }
#CommandGroupx { padding-left: .5em; padding-right: .5em; display: inline; }

/* the following are entries are used to space the command and navigation buttons */
#TopBtn { margin: -0.1em; margin-right: 0px; margin-bottom: .1em; border-style: none; }
#BottomBtn { margin: -5px; margin-right: .2em; margin-bottom: .1em; border-style: none; }
#ScrollDownBtn { margin: -0.1em; margin-right: 0px; margin-bottom: .1em; border-style: none; }
#PageDownBtn { margin-left: -5px; margin-right: 0px; margin-bottom: .1em; border-style: none; }
#ScrollUpBtn { margin-left: -5px; margin-bottom: .1em; border-style: none; margin-right: .2em; }
#PageUpBtn { margin-left: -5px; margin-right: 0px; margin-bottom: .1em; border-style: none; }
#LeftMostBtn { margin: -0.1em; margin-bottom: .1em; border-style: none; }
#RightMostBtn { margin: -3px; margin-bottom: .1em; margin-right: .2em; border-style: none; }
#ScrollLeftBtn { margin: -0.1em; margin-bottom: .1em; border-style: none; }
#PageLeftBtn { margin-left: -3px; margin-bottom: .1em; border-style: none; }
#ScrollRightBtn { margin: -5px; margin-bottom: .1em; border-style: none; }
#PageRightBtn { margin: -5px; margin-bottom: .1em; margin-right: 0px; }
#btnSearch { height: 20px; margin-bottom: .1em; font-size: 10px; text-align: center; vertical-align: middle; }
#btnClearSelection { margin-bottom: .1em; margin-right: .15em; border-style: none; }
#RemoveSel { margin-bottom: .1em; margin-right: .15em; border-style: none; }
#btnSortAscending { margin-bottom: .1em; margin-right: 0px; border-style: none; }
#btnSortDescending { margin-left: -5px; margin-bottom: .1em; margin-right: .15em; border-style: none; }
#btnDoFilterByValueSelectedColumn { margin-left: 0px; margin-bottom: .1em; margin-right: .2em; border-style: none; }
#DoFilterByValueSelectedColumnMenu { float: left; /* display: inline-block;*/ background-color: transparent; height: 10px; margin-bottom: -20px; }

/* The following style classes are used in the status bar to feed back information to the user. */
#StatusBar { background-color: #F1F1F1; background-position: top; background-repeat: repeat-x; padding-left: .4em; vertical-align: middle; font-size: 11px; height: 20px; border-style: outset; border-width: thin; }
#CurrentRowInfo { background-color: #F1F1F1; background-position: top; background-repeat: repeat-x; padding: .08em; padding-left: .4em; padding-right: .6em; vertical-align: middle; font-size: 11px; color: Black; font-weight: bold; text-align: center; text-decoration: none; border-right-style: ridge; border-right-width: thin; }
#CurrentColumnInfo { background-color: #F1F1F1; background-position: top; background-repeat: repeat-x; padding: .08em; padding-left: .4em; padding-right: .6em; font-size: 11px; color: Black; font-weight: bold; text-align: center; text-decoration: none; vertical-align: middle; border-right-style: ridge; border-right-width: thin; }
#AlertDescription 
{
	background-color: #F1F1F1; 
	background-position: top; 
	background-repeat: repeat-x; 
	padding: .08em; 
	padding-left: .4em; 
	padding-right: .6em; 
	vertical-align: middle; 
	font-size: 11px; 
	color: Black; 
	font-weight: bold; 
	text-align: center; 
	text-decoration: none; 
	border-right-style: ridge; 
	border-right-width: thin; 
	}

/* The following style classes are used to format the alertbar at the bottom of the screen. Please note that both the alert style and the alertsample classes are referred to in the code. This allows for properties particular to the lert style; padding-left,font color, etc... to be assessed from the alerts style definition while such as font-size and weight are picked up from the AlertSample class. In particular, if you are using icons in your alerts, then you will need to have enough padding-left in the alert style definition to prevent the text from being displayed on top of the image. */

#AlertSamples 
{
	background-color: #F1F1F1; 
	background-position: top; 
	background-repeat: repeat-x; 
	padding-left: .4em; 
	vertical-align: middle; 
	font-size: 11px; 
	height: 32px; 
	 }
#AlertSample0 { display: none; }

#AlertSample1 { font-size: 11px; font-weight: bold; text-align: center; vertical-align: middle !important; text-decoration: none; padding-right: .4em; display: table-cell; border-style: none; border-width: thin; border-color: #CCCCCC; margin-right: .2em; margin-bottom: 2px; }
#AlertSample2 { font-size: 11px; font-weight: bold; text-align: center; vertical-align: middle !important; text-decoration: none; padding-right: .4em; display: table-cell; border-style: none; border-width: thin; border-color: #CCCCCC; margin-right: .2em; margin-bottom: 2px; }
#AlertSample3 { font-size: 11px; font-weight: bold; text-align: center; vertical-align: middle !important; text-decoration: none; padding-right: .4em; display: table-cell; border-style: none; border-width: thin; border-color: #CCCCCC; margin-right: .2em; margin-bottom: 2px; }
#AlertSample4 { font-size: 11px; font-weight: bold; text-align: center; vertical-align: middle !important; text-decoration: none; padding-right: .4em; display: table-cell; border-style: none; border-width: thin; border-color: #CCCCCC; margin-right: .2em; margin-bottom: 2px; }
#AlertSample5 { font-size: 11px; font-weight: bold; text-align: center; vertical-align: middle !important; text-decoration: none; padding-right: .4em; display: table-cell; border-style: none; border-width: thin; border-color: #CCCCCC; margin-right: .2em; margin-bottom: 2px; }
#AlertSample6 { font-size: 11px; font-weight: bold; text-align: center; vertical-align: middle !important; text-decoration: none; padding-right: .4em; display: table-cell; border-style: none; border-width: thin; border-color: #CCCCCC; margin-right: .2em; margin-bottom: 2px; }
#AlertSample7 { font-size: 11px; font-weight: bold; text-align: center; vertical-align: middle !important; text-decoration: none; padding-right: .4em; display: table-cell; border-style: none; border-width: thin; border-color: #CCCCCC; margin-right: .2em; margin-bottom: 2px; }
#AlertSample8 { font-size: 11px; font-weight: bold; text-align: center; vertical-align: middle !important; text-decoration: none; padding-right: .4em; display: table-cell; border-style: none; border-width: thin; border-color: #CCCCCC; margin-right: .2em; margin-bottom: 2px; }
#AlertSample9 { font-size: 11px; font-weight: bold; text-align: center; vertical-align: middle !important; text-decoration: none; padding-right: .4em; display: table-cell; border-style: none; border-width: thin; border-color: #CCCCCC; margin-right: .2em; margin-bottom: 2px; }
#AlertSample10 { font-size: 11px; font-weight: bold; text-align: center; vertical-align: middle !important; text-decoration: none; padding-right: .4em; display: table-cell; border-style: none; border-width: thin; border-color: #CCCCCC; margin-right: .2em; margin-bottom: 2px; }
#AlertExplanation { font-size: 11px; font-weight: bold; text-align: center; vertical-align: middle !important; text-decoration: none; padding-right: .4em; display: table-cell; border-style: none; border-width: thin; border-color: #CCCCCC; margin-right: .2em; margin-bottom: 2px; width: inherit; }

/* the definition of myanchor is left to the end of the css. The reason for this is that when using images for backgrounds in the alerts, an image containing an icon will be repeated if the classname is repeated in both the <td> and <a>, if you do not specify a class in the anchor you will now have all data presented as blue underlined text. The solution is to provide 2 classnames in the anchor, the alert class and then the myanchor class below. As specified the anchor inherits the font and text characteristics from the alert class but overrides the background settings so that images are not repeated. One quirk of css is that if the myanchor is specified before the alertclass, this will not work and the image is duplicated; two arrows, two stopsigns, etc... So the easy solution is to place the definition of myanchor at the bottom of the css. */
.myanchor { background-color: transparent; background-image: none; padding-left: 1px; border: none; text-align: inherit; }
a:hover { color: Blue; text-decoration: underline; }

/* The following style definitions are used to format the help text */
.HelpTitle { background-color: #F1F1F1; font-size: 11px; font-weight: bolder; text-align: center; text-decoration: none; padding-right: .4em; padding-left: .3em; }
.HelpCol1 { background-color: #EEEEEE; width: 10em; font-size: 11px; font-weight: bolder; text-align: center; text-decoration: none; padding-right: .4em; padding-left: .3em;  vertical-align: middle; }
.HelpCol2 { background-color: #FFFFFF; font-size: 11px; font-weight: normal; text-align: left; text-decoration: none; padding-right: .4em; padding-left: .3em;  }
.HelpSubCol { background-color: #F1F1F1; font-size: 11px; font-weight: normal; text-align: left; text-decoration: none; padding-right: .4em; padding-left: .3em; border-style: solid; border-width: thin; border-color: #CCCCCC; }

/* below are the style definitions which are part of the master page used for login, project selection and help pages*/
.legal { font-size: 9px; font-style: normal; font-weight: normal; text-decoration: none; margin-left: 8px; margin-right: 8px; margin-bottom: 3px; margin-top: 3px; height: 17px; width: 400px; }
.terms { font-size: 9px; font-style: normal; font-weight: normal; text-decoration: none; margin-left: 8px; margin-right: 8px; margin-bottom: 3px; margin-top: 3px; height: 17px; width: 400px; text-align: center; }
.bodyMaster { background-color: #CCCCCC; }
.HelpTable2Col { background-color: #FFFFFF; font-size: 11px; font-weight: normal; text-align: left; width: 100%; height: auto; border-style: solid; border-color: #999999; outline-style: dotted; vertical-align: middle; }

@media screen {
	.DlgFrame { background-color: #f1f1f1; }
	.DlgInterior { background-color: White; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; }
	.DlgMainInstructionArea { margin-top: 8px; padding-bottom: 0px; background-color: #F1F1F1; background-image: url('~/Images/pagetitle.png'); background-position: top; background-repeat: repeat-x; }
	.DlgTitleLine { }
	.DlgTitleArea { text-align: left; }
	.DlgTitle { text-align: center; font-family: Calibri, Verdana, Arial; font-size: medium; font-weight: bold; color: black/*#4BACC6*/; vertical-align: top; }
	.DlgCloseBtnArea { text-align: right; }
	.DlgCloseBtn { font-family: Arial; font-size: small; font-weight: bold; color: White; background-color: Red; }
	.DlgMainInstruction { color: #1370AB; font-family: Calibri, Verdana, Arial; padding-left: 8px; margin-bottom: 10px; font-size: small; font-weight: bold; text-decoration: none; }
	.DlgControlsArea { text-align: left; padding-left: 25px; }
	.DlgControls { font-family: Calibri, Verdana, Arial; font-size: small; color: #4C4C4C; font-weight: normal; }
	.DlgCommandArea { text-align: right; padding-right: 25px; padding-top: 3px; padding-bottom: 3px; border-style: groove; margin-left: 0px; margin-top: 10px; border: none; border-width: thin; background-color: #f1f1f1; }
	.DlgCommandBtnDefault { font-family: Calibri, Verdana, Arial; font-weight: bold; }
	.DlgCommandBtn { font-family: Arial; }
	.DlgCommandBtnCancel { font-family: Calibri, Verdana, Arial; }
	.DlgFootnoteArea { text-align: left; background-color: #f1f1f1; border-style: groove; border-width: thin; vertical-align: middle; }
	.DlgFootnote { font-family: Calibri, Verdana, Arial; font-size: small; font-weight: normal; color: #4C4C4C; vertical-align: middle; padding-left: 8px; padding-right: 10px; }
	.DlgHelp { font-family: Calibri, Verdana, Arial; font-size: small; font-weight: normal; text-align: right; vertical-align: middle; }
	#PageDescription { text-align: center; color: black; font-family: Calibri, Verdana, Arial, sans-serif; font-size: small; text-decoration: none; width: 100% !important;  }
	.menuAdmin { text-decoration: none; color: Black; }
	.staticMenuFrame { padding: 0px; padding-top: 0px; padding-bottom: 0px; background-image: url('../Images/toolbar.png' ); margin: 0px; margin-top: -1px; border-style: none; border-width: thin; color: Black;  }
	.dynamicMenuFrame { border-color: ButtonShadow; border-style: solid; border-width: 1px; background-color: Menu; padding: 1px; }
	.staticMenuItems { cursor: default !important; text-decoration: none !important; font-size: small; font-family: Calibri, Verdana, Arial, Sans-Serif; font-weight: bold; color: Black; padding: 3px; width: auto; max-width: 50%; max-height: 50%; background-image: url('../Images/row_label.png' ); }
	.staticHoverStyle { cursor: default !important; text-decoration: none !important; font-size: small; font-family: Calibri, Verdana, Arial, Sans-Serif; font-weight: bold; color: Black; padding: 3px; width: auto; max-width: 50%; max-height: 50%; }
	.dynamicHoverStyle { background-color: inherit; cursor: default !important; text-decoration: none !important; font-size: small; font-family: Calibri, Verdana, Arial, Sans-Serif; color: MenuText; padding: 3px; max-width: 50% !important; max-height: 50%; }
	.dynamicMenuItems { background-color: inherit; cursor: default !important; text-decoration: none !important; font-size: small; font-family: Calibri, Verdana, Arial, Sans-Serif; color: MenuText; padding: 3px; max-width: 20% !important; max-height: 50%; }
	.staticMenuItemsX { cursor: default !important; text-decoration: none !important; font-size: small; font-family: Calibri, Verdana, Arial, Sans-Serif; font-weight: bolder; color: Black; padding: 3px; width: auto; }
	.staticMenuFrameX { padding: 0px; padding-top: 0px; padding-bottom: 0px; background-color: White; margin: 0px; margin-top: 1px; border-style: groove; border-width: thin; color: Black; position: absolute; left: 70%; top: 7%; }


}
	.staticPageDescription 
	{
		text-align: center; 
		color:Red; 
	}

@media print {
	.DlgFrame { display: none; }
	.DlgTitleLine { }
	.DlgTitleArea { display: none; }
	.DlgTitle { display: none; }
	.DlgCloseBtnArea { display: none; }
	.DlgCloseBtn { display: none; }
	.DlgInterior { display: none; }
	.DlgMainInstructionArea { display: none; }
	.DlgMainInstruction { display: none; }
	.DlgControlsArea { display: none; }
	.DlgControls { display: none; }
	.DlgCommandArea { display: none; }
	.DlgCommandBtnDefault { display: none; }
	.DlgCommandBtn { display: none; }
	.DlgCommandBtnCancel { display: none; }
	.DlgFootnoteArea { display: none; }
	.DlgFootnote { display: none; }
	.DlgHelp { display: none; }
	.ToolBar { display: none; }
	.staticMenuFrame { display: none; }
	.dynamicMenuFrame { display: none; }
	.staticMenuItems { display: none; }
	.dynamicMenuItems { display: none; }
	#PagesMenu { padding: 0; border-style: none; margin: 0; }
	#PageDescription { color: Black !important; text-align: center; margin: auto; font-weight: bold; background-color: Transparent; vertical-align: middle; }
}
